<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <!-- 
            v：迭代的别名
            i: 索引				 
            v是数组中的每一项，数组中的每一项都是对象，对象没有.length 的属性吧
        -->
        <h2 v-for="(v,x) in user" >{{v}}---{{x}}---{{v.name}}---{{v.sex}}---{{v.hobby}}---{{v.name.length}}</h2>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
		<script type="text/javascript">
			/*  创建vue实例 */
			var vm=new Vue({
				el:"#app",
				data:{
					user:[
						{
							name:"刘帅",
							sex:"男",
							hobby:"象棋"
						},{
							name:"友谊",
							sex:"男",
							hobby:"敲代码"
						},{
							name:"周生生",
							sex:"男",
							hobby:"学习"
						},
					]
				}
			})
		</script>
</body>
</html>